<template>
  <div class="box container">
    <p class="w100">
      {{ text ? '当前位置：中国设计年度人物-' + text : loacl }}
    </p>
  </div>
</template>
<script>
export default {
  props: {
    text: {
      type: String,
    },
  },
  data() {
    return {
      loacl: '',
    };
  },
  created() {
    this.loacl = '当前位置：中国设计年度人物-' + this.$route.meta.name;
  },
  watch: {
    $route: function(val) {
      this.loacl = '当前位置：中国设计年度人物-' + val.meta.name;
    },
  },
};
</script>
<style lang="less" scoped>
.box {
  p {
    .pointer;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    padding: 30px 0;
  }
}
</style>
